<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="订单追踪.css">
    <title>Document</title>
</head>

<body>
    <div class="box">

        <div class="nav">
            <img src="./image/logo-new.png" style="float: left;margin-top: 14px;">

            <a href="javascript:;">男子</a>
            <a href="javascript:;">女子</a>
            <a href="javascript:;">儿童</a>
            <span style="float: left;margin-top: 39px;padding-right: 5px;">|</span>
            <a href="javascript:;">运动</a>
            <a href="javascript:;">品牌</a>
            <a href="javascript:;">精选系列</a>
            <div style="position: relative;left: 320px;">
                <span class="nav_right" id="nav_sc" style="margin-left: 30px;">订单追踪&nbsp;<img src="./image/caidan.png"
                        style="width: 15px;"></span>

                <span class="nav_right">帮助中心&nbsp;? </span>
                <span class="nav_right">在线客服&nbsp;<img src="./image/xiaoxi.png" alt=""></span>

                <span class="nav_right" id="nav_sa">登陆&nbsp;<img src="./image/denglu.png" height="15px"></span>

            </div>
            <div class="nav_bottom">
                <img src="./image/fdj.png">
                <input type="text" placeholder="情侣装" style="height: 25px; text-indent: 2em;outline: none;"><img
                    src="./image/shoutibao.png" height="22px" style="position: relative;left: 10px;">
            </div>

        </div>


    </div>
    <div class="nav_erji">
        <div>
            <div class="nav_erji_list">
                <ul>

                    <li class="nav_erji_list_firsst">精选推荐</li>
                    <li>最新上市</li>
                    <li>新品发售日历</li>
                    <li>限量发售</li>
                    <li>本周热卖</li>

                    <hr>
                    <li>夏季狂欢5折起<span style="color:green;">Hot</span></li>
                    <li>情侣装</li>
                    <li>亲子同款系列</li>
                    <li>adicolor</li>
                    <li>originals环保系列</li>
                    <hr>
                    <li>折扣专区</li>
                    <li><img src="./image/zk.jpg" alt=""></li>

                    <hr>
                </ul>
            </div>
            <div class="nav_erji_list">
                <ul>
                    <li class="nav_erji_list_firsst">鞋类</li>
                    <li>跑步</li>
                    <li>休闲</li>
                    <li>篮球</li>
                    <li>足球</li>
                    <li>健身/锻炼</li>
                    <hr>
                    <li>小白鞋</li>
                    <li>帆布鞋</li>
                    <li>Originals</li>
                    <li>SUPERSTAR</li>
                    <li>NiteJoger</li>
                    <li>复古/老爹鞋</li>
                    <li>UltraBOOST20</li>


                </ul>
            </div>
            <div class="nav_erji_list">
                <ul>
                    <li class="nav_erji_list_firsst">服饰类</li>
                    <li>短袖T恤/上衣</li>
                    <li>夹克/外套</li>
                    <li>运动裤</li>
                    <li>训练/紧身裤</li>
                    <li>棉服/羽绒服</li>
                    <hr>
                    <li>跑步装备</li>
                    <li>健身服</li>
                    <li>篮球运动服</li>
                    <li>足球比赛服</li>
                    <li>健身服</li>

                </ul>
            </div>
            <div class="nav_erji_list">
                <ul>
                    <li class="nav_erji_list_firsst">附配件类</li>
                    <li>包</li>
                    <li>袜子</li>
                    <li>帽子/手套/围巾</li>
                    <li>足球/篮球</li>
                    <li>运动装备</li>

                </ul>
            </div>
            <div class="nav_erji_list">
                <ul>
                    <li class="nav_erji_list_firsst">个性印制产品</li>
                    <li>标签印制<span style="color:green;">new</span></li>
                    <li style="height: 80px;"><img src="./image/xz.png" alt=""></li>
                    <li>足球个性印制产品</li>
                    <li>Originals个性印制产品</li>
                    <li>adidasneo个性印制产品</li>
                    <li>个性印制球衣</li>
                </ul>
            </div>
            <div class="nav_erji_bottom">
                <div>
                    <ul>
                        <li>全部男子产品</li>
                    </ul>
                </div>
                <div>
                    <ul>
                        <li>全部男子鞋</li>
                    </ul>
                </div>
                <div>
                    <ul>
                        <li>全部男子服饰</li>
                    </ul>
                </div>
                <div>
                    <ul>
                        <li>全部男子配件</li>
                    </ul>
                </div>
                <div>
                    <ul>
                        <li>全部男子个性印制产品</li>
                    </ul>
                </div>
            </div>
        </div>
    </div>

    <div class="sun">
        <div class="lac_ao">
            <a href="#" id="fo_s1">&lt;</a>
            <a href="#" id="fo_s2">返回</a>
            <a href="#" id="fo_s3">|&nbsp;&nbsp;首页&nbsp;&nbsp;/</a>
            <a href="#" id="fo_s5">&nbsp;&nbsp;订单追踪</a>
        </div>
        <div class="sun1">
            <p>请输入您的订单编号和手机号</p>
            <span>如果您是adiCLUB会员请登录后在我的账户订单详情页面查看</span> <br>
            <input id="fou_ac" type="text"><br>
            <span id="fou_ac1">请输入订单号</span><br>
            <input id="fou_ad" type="text"><br>
            <span id="fou_ac2">请输入手机号</span>
            <div class="red_1">
                <span>
                    <a href="#" id="fou_ac3">查询订单</a>
                    <img src="img/3.png" alt="" width="6%">
                </span>
            </div>
        </div>
    </div>
    <div class="bottom-one">
        <div class="bottom-one-main">
          <ul>
            <li>联系我们</li>
            <li>
              <p>
                <a href="">
                  <i class="bottom-icon one"></i>
                  在线客服
                </a>
              </p>
              <p class="bottom-text">(仅支持中文)</p>
            </li>
            <li>
              <p>
                <a href="">
                  <i class="bottom-icon two"></i>
                  400-999-5999
                </a>
              </p>
              <p class="bottom-text">(仅支持中文)</p>
            </li>
            <li>
              <p>
                <a href="">
                  <i class="bottom-icon three"></i>
                  service@adidas.com
                </a>
              </p>
              <p class="bottom-text">(建议及投诉受理邮箱)</p>
            </li>
            <li>
              <p>
                <a href="">
                  <i class="bottom-icon four"></i>
                  9:00-22:00
                </a>
              </p>
            </li>
            <li class="dingdan" style="float: right;">
              <p>
                <a href="">
                  <i class="bottom-icon five"></i>
                  订单追踪
                </a>
              </p>
            </li>
          </ul>
        </div>
      </div>
      <!-- 底部第二部分 -->
      <div class="bottom-two">
        <ul>
          <li class="bottom-two-title">产品</li>
          <li>鞋类</li>
          <li>服装</li>
          <li>配件</li>
          <li>最新上市</li>
          <li>新品发售日历</li>
          <li>限量发售</li>
        </ul>
        <ul>
          <li class="bottom-two-title">运动</li>
          <li>跑步</li>
          <li>训练</li>
          <li>足球</li>
          <li>篮球</li>
          <li>户外</li>
        </ul>
        <ul>
          <li class="bottom-two-title">帮助中心</li>
          <li>关于员工</li>
          <li>尺码表</li>
          <li>adiCLUB会员</li>
          <li>门店查询</li>
          <li>关于我们</li>
          <li>企业社会责任</li>
          <li>ADIDAS APP</li>
        </ul>
        <ul>
          <li class="bottom-two-title">网站政策</li>
          <li>使用条款</li>
          <li>隐私声明</li>
          <li>物流配送规则</li>
          <li>退换货规则</li>
          <li>adiCLUB会员规则</li>
          <li>下单指南</li>
          <li>印制服务条款</li>
        </ul>
        <ul class="guanzhu" style="width: 70px;">
          <li class="guanzhu-title">职业发展</li>
          <li class="guanzhu-fazhan">
            <i></i>
          </li>
        </ul>
        <ul class="guanzhu" style="width: 110px;">
          <li class="guanzhu-title">关注我们</li>
          <li class="guanzhu-code">
            <i></i>
            <i></i>
          </li>
        </ul>
        <ul class="pay" style="width: 100%;">
          <li>我们接受下列付款方式：</li>
          <li>
            <span>
              <i class="pay-code zhifubao"></i>
            </span>
          </li>
          <li>
            <span>
              <i class="pay-code weixin"></i>
            </span>
          </li>
          <li>
            <span>
              <i class="pay-code zaixian"></i>
            </span>
          </li>
        </ul>
        <ul class="number" style="width: 100%; margin-top: 20px;">
          <li class="title">企业团购热线及邮箱：</li>
          <li class="title">团购热线：021-2525 6881</li>
          <li class="title">团购邮箱：adidas.b2b@adidas.com</li>
          <li class="title">（仅限采购金额10万以上）</li>
        </ul>
      </div>
      <!-- 底部第三部分 -->
      <div class="bottom-three">
        <div class="bottom-three-main">
          <ul class="bottom-three-left">
            <li>
              <a href="">
                <i></i>&nbsp;&nbsp;
                <span>中国</span>
              </a>
            </li>
            <li><a href="">隐私声明</a></li>
            <li><a href="">使用条款</a></li>
            <li><a href="">网站地图</a></li>
            <li><a href="">© 阿迪达斯体育（中国）有限公司保留所有权利</a></li>
          </ul>
          <ul class="bottom-three-right" style="float: right;">
            <li><a href="">苏ICP备14048805号-1</a></li>
            <li>
              <a href="#">
                <i></i>
                <span>江苏工商</span>
              </a>
            </li>
            <li>
              <a href="#">
                <i></i>
                <span>苏公网安备 32059002001401号</span>
              </a>
            </li>
          </ul>
        </div>
      </div>

    <script src="jquery.min.js"></script>
    <script src="adidas/adidas.js"></script>
    <script src="adidas/jquery.js"></script>
    <script>
        $(function () {
                 
            $('.red_1').on('click',function(){ 
                 var zz = /^1[3456789]\d{9}$/

                if(!$('#fou_ac').val().trim()){
                    alert('订单号不能为空')
                    return;
                }
                if(!$('#fou_ad').val().trim()){
                    alert('手机号不能为空')
                    return;
                }
                if(isNaN($('#fou_ac').val().trim())){
                    alert('订单号格式有误')
                    return;
                }
                if(!zz.test($('#fou_ad').val().trim())){
                    alert('手机格式有误')
                    return;
                }
                
                $('#fou_ac1').text('格式正确')
                $('#fou_ac1').css({'color':'green'})
                $('#fou_ac1').show()
                $('#fou_ac2').text('格式正确')
                $('#fou_ac2').css({'color':'green'})
                $('#fou_ac2').show()
                alert('查询成功')
            })
            $('#fou_ac').on({
                'blur'  :function(){
                    if(!$(this).val().trim()){
                        $('#fou_ac1').text('请输入订单号')
                        $('#fou_ac1').css({'color':'red'})
                        $('#fou_ac1').show();
                    }else{
                        $('#fou_ac1').hide();
                    }
                }
            })
            $('#fou_ad').on({
                'blur' :function(){
                    if(!$(this).val().trim()){
                        $('#fou_ac2').text('请输入手机号')
                        $('#fou_ac2').css({'color':'red'})
                        $('#fou_ac2').show();
                    }else{
                        $('#fou_ac2').hide();
                    }
                }
            })   
            




        })
    </script>
</body>

</html>